﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Mass Propers</title>
  <script src="jquery.min.js" type="text/javascript"></script>
  <script src="jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
  <script src="jgabc.js"></script>
  <script src="psalmtone.js"></script>
  <script src="sink.js"></script>
  <script src="audiolet.js"></script>
  <script src="propersdata.js"></script>
  <script src="propers.js"></script>
</head>
<body>
  <select id="selDay"><option>Select a Sunday...</option></select>
  <br/>
  <label for="txtIntroitus">Introitus</label><br/>
  <textarea id="txtIntroitus" style='width:800px;height:200px'></textarea>
  <br/>
  <div id="divGraduale">
    <label for="txtGraduale">Graduale</label><br/>
    <textarea id="txtGraduale" style='width:800px;height:200px'></textarea>
    <br/>
  </div>
  <div id="divTractus" style="display:none">
    <label for="txtTractus">Tractus</label><br/>
    <textarea id="txtTractus" style='width:800px;height:200px'></textarea>
    <br/>
  </div>
  <div id="divAlleluia" style="display:none">
    <label for="txtAlleluia">Alleluia</label><br/>
    <textarea id="txtAlleluia" style='width:800px;height:200px'></textarea>
    <br/>
  </div>
  <label for="txtOffertorium">Offertorium</label><br/>
  <textarea id="txtOffertorium" style='width:800px;height:200px'></textarea>
  <br/>
  <label for="txtCommunio">Communio</label><br/>
  <textarea id="txtCommunio" style='width:800px;height:200px'></textarea>
</body>
</html>